<template>
  <div class="outer">
    <h3>Vue3 Teleport例子</h3>
    <div>
      <MyModal></MyModal>
    </div>
  </div>
</template>
<script setup>
import MyModal from '@/components/chapter08/base/8.4MyModule.vue'
</script>

<!-- <script setup>
import { ref } from 'vue'
import DialogComp from '@/components/8.4Dialog.vue'

const dialogRef = ref(null)
const openDialog = () => {
  dialogRef.value.toggleDialogStatus(true)
}
</script>
<template>
  <button @click="openDialog">打开弹窗</button>
  <Teleport to="body">
    <dialog-comp ref="dialogRef"></dialog-comp>
  </Teleport>
</template> -->
